<html><head>
	<title>Provider Locator V2</title>
	<!-- Latest compiled and minified CSS -->

<meta http-equiv="x-ua-compatible" content="IE=Edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Begin Styles -->
<link href="ppms_PLV2CSS" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!--Select2 Style-->
<link href="ppms_select2.css" rel="stylesheet" type="text/css">
<link href="ppms_selectWooCss" rel="stylesheet" type="text/css">

<!--End Styles-->
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="ppms_SDKREST.js" type="text/javascript"></script>
<script src="ClientGlobalContext.js.aspx" type="text/javascript"></script>
<script src="https://www.bing.com/api/maps/mapcontrol?callback=GetMap?s=1" defer="" type="text/javascript" async=""></script>
<script src="ppms_locator.js" type="text/javascript"></script>
<script src="ppms_select2.js" type="text/javascript"></script>
<script src="ppms_SelectWoo" type="text/javascript"></script>

<meta><meta><meta><meta><meta><meta><meta><meta></head>
<body style="-ms-word-wrap: break-word;" onfocusout="parent.setEmailRange();">
	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-12 searchFields">
				<div class="row">
						<div class="col-sm-4">
	                		<!--Start Search Container-->
	            			<div class="searchSuggestion" id="searchSuggestion">
	                		<!--Search Suggestions-->
	                		<label for="searchBox">Search Location:</label>
	                    		<div>
	                        	<input class="form-control inputGroup" id="searchBox" type="text">
	                    		</div>
	            			</div><!--Search Suggestions-->
	            			<div id="radiusSection">
			                    <!--Start Radius Search-->
			                    <label for="radiusSelection">Radius:</label>
			                    <select class="form-control input-sm inputGroup" id="radiusSelection">
			                        <option value="15">15 Miles</option>
			                        <option value="25">25 Miles</option>
			                        <option value="50">50 Miles</option>
			                        <option value="100">100 Miles</option>
			                        <option value="250">250 Miles</option>
			                        <option value="500">500 Miles</option>
			                    </select>
	                		</div><!--End Radius Search-->
						</div>
						<div class="col-sm-4">
							<div class="searchSuggestion" id="specialitySection">
			                    <!--Search Suggestions-->
			                    <label for="specialtySearchBox">Provider Speciality:</label>
			                    <div class="input-group">
			                        <input class="form-control inputGroup" id="specialtySearchBox" type="text">
			                        <span class="input-group-addon">
			                            <div><button title="Search Icon for Specialties" class="btn btn-default" id="specialtySearchButton" type="submit" alt="Search Icon"><i class="glyphicon glyphicon-search"></i></button></div>
			                        </span>
			                    </div>
			                </div><!--Search Suggestions-->
							<div class="selectWooinput" id="ProviderDetails">
			                    <!--Search Suggestions-->
			                    <label aria-label="Provider Details" for="ProviderDetails">Provider Details:</label><br>
			                    <div class="input-group inputGroup">
			                        <select id="providerGender" multiple="">
			                            <optgroup label="Gender">
			                                <option value="male">Male</option>
			                                <option value="female">Female</option>
			                            </optgroup>
			                            <optgroup label="Care Type">
			                                <option value="primarycare">Primary Care</option>
			                                <option value="acceptingnew">Accepting New Patients</option>
			                            </optgroup>
			                        </select>
			                        <span class="input-group-addon">
			                        </span>
	                    		</div>
	               			 </div><!--Search Suggestions-->
						</div>
						<div class="col-sm-4">
							<div class="selectWooinput" id="networkSection">
			                    <!--Search Suggestions-->
			                    <label aria-label="Network" for="networkSection">Network:</label><br>
			                    <div class="input-group inputGroup">
			                        <select id="providerNetwork" multiple="">
			                            <option value="triwest">Triwest</option>
			                            <option value="healthnet">Health Net</option>
			                            <option value="choice">Choice</option>
			                            <option value="provideragreement">Provider Agreement</option>
			                            <option value="nppes">NPPES</option>
			                        </select>
			                        <span class="input-group-addon">
			                        </span>
			                    </div>
		                	</div><!--Search Suggestions-->
			                <div>
			                    <label for="sortOrder">Sort By:</label><br>
			                    <select class="sortOrder form-control input-sm" id="sortByCondition">
			                        <option selected="0">Distance</option>
			                        <option value="1">Travel Time</option>
			                        <option value="2">Quality Ranking</option>
			                        <option value="3">Specialty</option>
			                    </select>
			                </div>
	           			</div>
					</div>
				</div>
			</div>
		<div class="row">
			<div class="col-sm-12 col-centered">
				<div id="submitbutton">
	                <!--Start Submit Button-->
	                <span class="import-group-btn">
	                    <input title="Search Providers Button" class="btn btn-default  text-center" id="searchBtn" type="button" alt="Search Providers Button" value="Search">
	                </span>
            	</div><!--Submit Button-->
			</div>
		<div class="row">
			<div class="col-sm-9">
				<div title="Provider Search Map" class="col-md-9 hidden-xs" id="map" alt="Provider Search Map">
            		<!--Start Map-->
            		<div id="myMap">
            	</div>
        </div><!--End Map-->
			</div>
			<div class="col-sm-3">
				<div id="searchLoader">
                <!--Start Results-->
                <div class="loaderTitle" id="loaderTitle">
                </div>
	                <div class="loader" id="loader">
	                    <div class="loadingIcon">
	                        <div>
	                            <span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span>Searching for Providers..
	                        </div>
	                    </div>
	                </div>
	                <div id="searchtable">
	                    <div class="resultsPanel text-center" id="resultsPanel">
	                    </div>
	                </div>
            	</div><!--End Results-->
			</div>
		</div>
	</div>
</div>
    <script>
        $("#providerGender").selectWoo({
            placeholder: 'Select Provider Details...',
            allowClear:  true
        });


        $("#providerNetwork").selectWoo({
            placeholder: 'Select Provider Network...',
            allowClear:  true
        });
    </script>

    <script>

        function clearProviderNetworks() {
            document.getElementById("providerGender").value = '';
        }
    </script>
</body></html>